@import '../../style/theme/index.less';

@space-prefix-cls: ~'@{prefix}-space';

.@{space-prefix-cls} {
  display: inline-flex;

  .@{space-prefix-cls}-item:empty {
    display: none;
  }

  &-horizontal {
    .@{space-prefix-cls}-item {
      display: flex;
      align-items: center;
    }
  }

  &-vertical {
    flex-direction: column;
  }

  &-align-baseline {
    align-items: baseline;
  }

  &-align-start {
    align-items: flex-start;
  }

  &-align-end {
    align-items: flex-end;
  }

  &-align-center {
    align-items: center;
  }

  &-wrap {
    flex-wrap: wrap;
  }

  &-fill {
    display: flex;
  }

  &-rtl {
    direction: rtl;
  }
}
